<!-- Text displayed as help for Stage 1 (Walk A Tree)-->

<HTML>
<head>
	<LINK REL='stylesheet' TYPE='text/css'HREF='..\style.css'>

	<script type="text/javascript">
	questionOn=0
	changeOn=0

	function questionImage(){
			if (questionOn==0){
				setQuestionOn()
				setChangeOff()
			}
			else{
				setQuestionOff()
			}
	}

	function setQuestionOn(){
		questionOn=1
		questionPic.src= "pics/animQuestion4.gif"
		questionText.innerHTML="<font color= red><u>Stop</u></font>"
	}

	function setQuestionOff(){
		questionOn=0
		questionPic.src= "pics/staticquestion.gif"
		questionText.innerHTML="<font color= green><u>Show me</u></font>"
	}

	function changeImage(){
			if (changeOn==0){
				setChangeOn()
				setQuestionOff()
			}
			else{
				setChangeOff()
			}
	}

	function setChangeOn(){
		changeOn=1
		changePic.src= "pics/animChangeAnswer3.gif"
		changeText.innerHTML="<font color= red><u>Stop</u></font>"
	}

	function setChangeOff(){
		changeOn=0
		changePic.src= "pics/staticChangeAnswer.gif"
		changeText.innerHTML="<font color= green><u>Show me</u></font>"
	}

	</script>

</head>
<body>

<font size = +1 color = "green"><b>Questions</b></font><p>
At certain points in the tree, you may be asked a question, or a series of questions. Your answers to these questions help 'tailor' the tree to you, as the program will only show those parts of the tree which are relevant to you.
<p><img id= "questionPic" src = "pics/staticQuestion.gif" alt = "question">
<p><img src="pics\greendot.gif">Follow the instructions in the green panel which tell you how to answer each question (e.g. click on a button, select an option from a list, enter text into a box).
<br><img src="pics\tinyarrow.gif"><span id = 'questionText' onmousedown = 'questionImage()'><font color= green><u>Show me</u></font></span>

<p><font color = "green"><b>Opting out of Questions</b></font><p>
You do not have to answer all of the questions asked. Clicking <b>Skip Questions</b> will move you on, past the current set of questions. However, the program will use a default set of answers, which may not be relevant to you.

<p></a><font color = "green"><b>Changing an Answer</b></font><p>
You can change your answer, either by clicking the <b>Back</b> button, or by navigating back to the questions later.<br>The program displays your last answer.
<p><img src="pics\greendot.gif">Choose <b>Change Answer</b> to answer the question again, or <b>Keep Answer</b> to keep your original answer.
<br><img src="pics\tinyarrow.gif">
<span id = 'changeText' onmousedown = 'changeImage()'><font color= green><u>Show me</u>
</font></span>
<p><img id= "changePic" src = "pics/staticChangeAnswer.gif" alt = "changing your answer">
</BODY>

<script language="JavaScript"><!--
	if (document.all) {
    	document.all("questionText").style.cursor = 'hand';
		document.all("changeText").style.cursor = 'hand';
	}
//--></script>
</HTML>

